<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./../plantillas/plantillaBase.xhtml">
            <ui:define name="titulo">
                Modificar Perfil de Usuario
            </ui:define>
            <ui:define name="scriptMapa">
                <script type="text/javascript">
                    function upperCase(x)
                        {
                        var y=document.getElementById(x).value;
                        document.getElementById(x).value=y.toUpperCase();
                        }
                </script>
            </ui:define>
            <ui:define name="contenido">
                <h:form>
                    <p:fieldset legend="Modificar el Perfil de Usuario" id="busquedaModificarPerfil">
                        <h:panelGrid columns="2" cellspacing="8">
                            <h:panelGroup>
                                <h:outputLabel for="pefilUsuarioModif" value="Seleccione Usuario: "/>
                                <h:selectOneMenu id="pefilUsuarioModif" value="#{managerGestionUsuario.usuarioSeleccionado}">
                                    <f:selectItems value="#{managerGestionUsuario.catalogoActual.listaUsuarios}"/>
                                </h:selectOneMenu>
                            </h:panelGroup>
                            <p:commandButton image="ui-icon ui-icon-pencil" value="Modificar" id="buscarPerfMod" action="#{managerGestionUsuario.buscarUsuario}" process="@this busquedaModificarPerfil" update="reasignaExpedientes" />
                        </h:panelGrid>
                    </p:fieldset>
                    <br/>
                    <p:fieldset legend="Reasignación de Expedientes" id="reasignaExpedientes">
                        <h:outputLabel value="Ingrese un número de expediente y luego seleccione el técnico a asignar"/>
                        <h:panelGrid columns="3" cellspacing="8">
                            <h:panelGroup>
                                <h:outputLabel for="numExpeReasig" value="Número de expediente: "/>
                                <p:inputMask id="numExpeReasig" value="#{managerGestionUsuario.expedienteIntroducido}" mask="aa-99999-9999" onblur="upperCase(this.id)"/>
                            </h:panelGroup>
                            <h:selectOneMenu id="perfilUsuaNuevo" value="#{managerGestionUsuario.nuevoUsuarioSeleccionado}" >
                                <f:selectItems value="#{managerGestionUsuario.listaUsuariosDisponibles}" />
                            </h:selectOneMenu>
                            <p:commandButton image="ui-icon ui-icon-transferthick-e-w" value="Reasignar" action="#{managerGestionUsuario.guardarReasignacionTecnico}" process="@this reasignaExpedientes" update="reasignaExpedientes" />
                        </h:panelGrid>
                        <br/>
                        <p:dataTable var="item" value="#{managerGestionUsuario.listaExpedientes}" style="width: 450px;" >
                            <f:facet name="header">
                                <h:outputText value="LISTADO DE EXPEDIENTES A CARGO DEL USUARIO A CAMBIAR EL PERFIL:"/>
                            </f:facet>
                            <p:column style="text-align: center;">
                                <f:facet name="header">
                                    Número de Expediente
                                </f:facet>
                                <h:outputText value="#{item.idexpediente}"/>
                            </p:column>
                        </p:dataTable>
                    </p:fieldset>
                    <br/>
                    <p:fieldset legend="Cambio de Perfil" id="cambiaPerfil">
                        <h:panelGrid columns="3" width="400" cellspacing="8">
                            <h:outputLabel for="perfilDisponible" value="Seleccione el perfil: "/>
                            <h:selectOneMenu id="perfilDisponible" value="#{managerGestionUsuario.perfilSeleccionado}">
                                <f:selectItems value="#{managerGestionUsuario.catalogoActual.listaPerfiles}"/>
                            </h:selectOneMenu>
                            <p:commandButton image="ui-icon ui-icon-transferthick-e-w" value="Reasignar" id="guardaNuevoPerfil" action="#{managerGestionUsuario.guardarCambioPerfil}" update="reasignaExpedientes busquedaModificarPerfil" />
                        </h:panelGrid>
                    </p:fieldset>
                </h:form>
            </ui:define>
        </ui:composition>
    </body>
</html>
